import styled from 'styled-components'
import { px2rem } from '@/assets/global-style'

export const Wrapper = styled.div`
    width:100%;
    .swiper-container {
        margin:0 2vw;
        padding:0 2vw;
        width: 92vw !important;
        border-radius:6%;
    }
    .swiper-pagination {
        position: absolute;
        top: 14.9vw;
        left: 50%;
        z-index: 999;
        transform: translateX(-50%);
    }
    .swiper-pagination-bullet {
        background: #fff;
        border-radius: 100%;
        bottom: 0;
        display: inline-block;
        height: 8px;
        left: 0;
        margin: 0 ${px2rem(5)};
        width: ${px2rem(8)};
        z-index: 888;
    }
    .swiper-pagination-bullet-active {
        background-color: blue;
        opacity: 1;
    }
`













































// import styled from 'styled-components';
// import { px2rem } from '@/assets/global-style'

// export const BannersWrapper = styled.div`
// height: ${px2rem(73)};
// width:100%;
// .btn_banners{
//     height:${px2rem(80)};
//     background:#fff;
//     width:100%;
// }
// .swiper-slide{
//     margin:0 auto;
//     display: flex;
//     flex-wrap: wrap;
//     flex-direction: row; 
// }
// .swiper-slide  p{
//     height:${px2rem(73)};
//     width:${px2rem(340)};
// }
// .swiper-slide  img{
//     padding:0 ${px2rem(16)};
//     height:100%;
//     width:100%;
//     border-radius:8%;
// }
// .swiper-pagination{
//     bottom: ${px2rem(2)};
// }
// .swiper-pagination-bullet{
//     border-radius: 100%;
//     height: ${px2rem(8)};
// }
// `